<template>
  <div id="app">
    
    <router-view v-if='isRouterAlive'></router-view>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isRouterAlive:true,
    }
  },
  // 这里是做一个刷新页面的方法。详情见：https://www.jb51.net/article/140433.htm
  // provide：提供依赖``是一个对象，或者是一个返回对象的函数。里面呢就包含要给子孙后代的东西，也就是属性和属性值。
  // 子组件用inject接收
  provide(){
    return{
      reload:this.reload
    }
  },
  methods: {
    reload(){
      this.isRouterAlive = false;
      this.$nextTick(function(){
        this.isRouterAlive = true;
      })
    }
  },
}
</script>
<style lang="less">
  // 文字一行显示，溢出省略号
  .one-text{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
</style>
